.HeaderOptions001 {
	display: flex;
	align-items: center;
	justify-content: flex-start;

	& > span {
		width: 32px;
		height: 32px;
		margin: 4px;
		font-size: 16px;
		border-radius: 8px;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px 2px;
		transition: all 0.35s;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--color);
		&:hover {
			background: rgba(38, 38, 38, 0.5);
			color: white;
		}
	}
}

.HeaderOptions002 {
	display: flex;
	align-items: center;
	justify-content: flex-start;

	& > span {
		width: 32px;
		height: 32px;
		margin: 4px;
		font-size: 16px;
		border-radius: 50px;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px 2px;
		transition: all 0.35s;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--color);
		&:hover {
			background: rgba(38, 38, 38, 0.5);
			color: white;
		}
	}
}
